<!--设置部分-->
<template>
    <div class="set">
        <div class="header">
            <div class="header_icon" @click="$router.push('/person')">
                <van-icon name="arrow-left" />
            </div>
            <span>设置</span>
        </div>
        <div class="list">
            <div class="line">
                <span>个人信息</span>
                <van-icon name="arrow" />
            </div>
            <div class="line">
                <span>收货地址</span>
                <van-icon name="arrow" />
            </div>
        </div>
        <div class="list">
            <div class="line">
                <span>账号安全</span>
                <van-icon name="arrow" />
            </div>
            <div class="line">
                <span>隐私设置</span>
                <van-icon name="arrow" />
            </div>
        </div>
        <div class="list">
            <div class="line">
                <span>支付设置</span>
                <van-icon name="arrow" />
            </div>
            <div class="line">
                <span>消息通知</span>
                <van-icon name="arrow" />
            </div>
            <div class="line">
                <span>通知设置</span>
                <van-icon name="arrow" />
            </div>
            <div class="line">
                <span>清理缓存</span>
                <van-icon name="arrow" />
            </div>
        </div>
        <div class="list">
            <div class="line">
                <span>长辈版</span>
                <van-icon name="arrow" />
            </div>
            
        </div>
        <div class="list">
            <div class="line">
                <span>意见反馈</span>
                <van-icon name="arrow" />
            </div>
            <div class="line">
                <span>关于美团</span>
                <van-icon name="arrow" />
            </div>
        </div>
        <div class="button">
            <div>切换账号</div>
            <div style="color:#ccc">退出登录</div>
        </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
.set{
    background: #f6f6f6;
    min-height: 100vh;
    padding: 0 10px;
    box-sizing: border-box;
    .header{
        padding: 10px;
        position: relative;
        text-align: center;
        .header_icon{
            top: 50%;
            left: 0;
            transform: translate(0,-50%);
            position: absolute;
        }
    }
    .list{
        background: #fff;
        border-radius: 8px;
        margin-bottom: 10px;
        .line{
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px;
            
        }
    }
    .button{
        div{
            background: #fff;
            text-align: center;
            padding: 10px;
            border-radius: 8px;
            margin-bottom: 10px;
        }
    }
}
</style>